<template>
<div class="app-container">
    <h1>App根组件</h1>
    <hr>
    <my-header title="黑马程序员" bgcolor="#000" color="#fff"></my-header>
</div>
</template>

<script>
// 导入需要使用的组件
import MyHeader from './MyHeader/MyHeader.vue';
export default{
    name:'MyApp',
    // 完成组件的注册
    components:{
        MyHeader,
    }
}
</script>

<!-- scoped放置组件中的样式冲突问题 -->
<style lang="less" scoped>
.app-container{
    margin-top: 45px;
}
</style>